<template>
	<view class="content">
		<scroll-view scroll-y="true" >
			<Bg></Bg>
			<view class="userInfo">
				<view class="border">
					<u-avatar src="http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg"></u-avatar>
				</view>
				<text style="flex: 1;">你好呀~,懒鬼</text>
				<image src="../../../static/img/msg.png" style="width: 70rpx;" mode="widthFix"></image>
			</view>
			<Swiper indicatorActiveColor='#F29D22' :list="list"></Swiper>
			<view class="nav">
				<view>
					<image src="../../../static/img/Vue.png" mode="widthFix" style="width: 100rpx;"></image>
				</view>
				<view>
					<image src="../../../static/img/react.png" mode="widthFix" style="width: 100rpx;"></image>
				</view>
			</view>
			<view class="list">
				<view class="item">
					<image src="../../../static/img/楼层导航.png" mode="widthFix" style="width: 100%;"></image>
				</view>
				<view class="item">
					<image src="../../../static/img/楼层导航.png" mode="widthFix" style="width: 100%;"></image>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {Config} from "../../../utils/request.js"
import Swiper from "@/components/swiper.vue"
export default {
	components:{
		Swiper
	},
	data() {
		return {
			title: 'Hello',
			list: [
			    'https://cdn.uviewui.com/uview/swiper/swiper2.png',
				'https://cdn.uviewui.com/uview/swiper/swiper2.png',
			    'https://cdn.uviewui.com/uview/swiper/swiper1.png',
			],
		};
	},
	mounted() {
		const a = new Config()
		console.log(a.get);
		a.get("/dept").then(res=>{
			console.log(res);
		})
		/* new Config.get("/dept").then(res=>{
			console.log(res);
		}) */
		
	},
	onLoad() {},
	methods: {}
};
</script>

<style lang="scss">
.content {
	height: 100vh;
}
.userInfo{
	padding: 30rpx 40rpx;
	display: flex;
	align-items: center;
	.border{
		border-radius: 50%;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
		padding: 10rpx;
		margin-right: 20rpx;
	} 
}
.nav{
	margin-top: 30rpx;
	display: flex;
	justify-content: space-around;
	padding: 12px;
	>view{
		width: 40%;
		text-align: center;
		box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
		background: rgba(255, 255, 255, 0.3);
		border-radius: 20rpx;
		z-index: 99;
	}
}
.list{
	display: flex;
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	justify-content: space-evenly;
	.item{
		width: 45%;
		border-radius: 40rpx;
		overflow: hidden;
	}
}
</style>
